<html>

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <!-- <link rel="stylesheet" type="text/css" href="css/fontawesome-all.min.css"/> -->
  <link rel="stylesheet" href="css/fontawesome-all.min.css">
  <link rel="stylesheet" href="css/base.css">
</head>

<body>
  <!-- 
        整个文档的Div容器
    -->
  <div id="resume-framework">
    <!-- 
          base-info指基础信息，包括头像，姓名，邮箱，电话，链接等 
      -->
    <div id="base-info-wrapper">
      <!-- 可以通过调整base.css中的#base-info的width来使顶部居中，例如60% -->
      <div id="base-info">
        <!-- 头像 -->
        <img id="avatar" alt="avatar" src="imgs/avatar.jpg" />
        <!-- 其他基础信息 -->
        <div id="base-info-span">
          <b id="name">张鹏</b>
          <hr>
          <span>
            <!-- 可以从font-awesome网站(https://fontawesome.com/icons)中搜索所需图标，
              直接替换<i>标签class内内容即可 -->
            <h5>
              <i class="fas fa-envelope"></i> zhangpeng2k@qq.com |
              <i class="fas fa-phone"></i> 176-0059-8783 | 政治面貌：群众</h5>
            <h5>
              <i class="fab fa-github"></i> github.com/zhangpeng2k | 求职意向: Web前端工程师</h5>
          </span>
        </div> <!-- end base-info-span -->
      </div> <!-- end base-info -->
    </div> <!-- base-info-wrapper -->
    <div style="clear: both;"></div>
    <!-- 
          个人简介部分 
      -->
    <div id="summary">
      <div class="banner-div">
        <span class="banner-span">
          <i class="white-icon fas fa-user"></i>&nbsp;个人简介
        </span>
      </div> <!-- end banner-div -->
      <!-- 个人简介可替换部分 -->
      <p>两年 Web 前端开发经验，熟悉 <b>Vue、React框架</b>，作为主力工程师参与设计与开发过多个项目，负责系统核心模块的开发，自动化测试与部署。<b>熟悉 HTTP 协议、基础算法、数据结构</b> 了解
        <b>MySQL 数据库</b>与 Linux 系统的常见机制与原理。有优秀的学习能力和团队沟通能力，经常与团队进行技术分享，能与团队共同成长。</p>
    </div> <!-- end summary -->
    <!-- 
          技能列表部分
      -->
    <div id="skills">
      <div class="banner-div">
        <span class="banner-span">
          <i class="white-icon fas fa-pencil-alt"></i>&nbsp;技能列表
        </span>
      </div> <!-- end skills -->
      <!-- 技能列表可替换部分 &nbsp;用来控制格式-->
      <ul>
        <li>
          <b>Web 开发：</b>HTML、JavaScript、CSS、NodeJs
        </li>
        <li>
          <b>前端技术:</b> SPA、SEO、PWA、ES6、Canvas、SVG、Flex、JSON
        </li>
        <li>
          <b>前端框架:</b> Vue、React、jQuery、Bootstrap、Element-UI
        </li>
        <li>
          <b>后端技术:</b> Koa2、Express、Mongodb、Mysql、Nginx
        </li>
        <li>
          <b>版本管理:</b> Git、Svn
        </li>
        <li>
          <b>自动化工具:</b> Webpack、Sass、Less、DevTools、TravisCi、Docker
        </li>
        <li>
          <b>网络相关:</b> Websocket、HTTPs/2、Ajax、CDN、DNS、Cache
        </li>
        <li>
          <b>开发环境:</b> Mac、VSCode、Chrome、Sketch、Postman
        </li>
      </ul>
    </div> <!-- end skills -->
    <!-- 
          工作经历部分
      -->
    <div id="jobs">
      <div class="banner-div">
        <span class="banner-span">
          <i class="white-icon fas fa-briefcase"></i>&nbsp;工作经历
        </span>
      </div>
      <!-- 第一份工作的介绍 -->
      <b>北京狸米科技有限公司（旗下产品 狸米数学, 狸米课堂）</b>
      <p>2018年3月-2018年10月 | Web 前端工程师</p>
      <ul>

        <li>作为前端工程师，配合UI、后端、测试工程师，开发项目</li>
        <li>独自完成 Webpack 自动化构建配置，压缩合并 js/CSS，减少浏览器的缓存，自动添加版本号，减少代码，缩短页面加载时间，增强用户体验。</li>
        <li>独立开发项目，配合测试工程师定位并解决Bug，并在公司内部Wiki中为项目编写文档</li>

      </ul>
      <!-- 第一个项目的介绍，多个项目可以复制project-span区块-->
      <span class="project-span">
        <b>狸米官网</b>
        <ul>
          <li>根据原型设计图开发前端代码并附加 js 效果，负责网站的前端页面展现、优化、兼容；</li>
          <li>解决常见的浏览器兼容问题，CSS Hack 写条件注释，属性 Hack，选择符 Hack，CSS3 属性加前缀；</li>
          <li>独立开发项目，配合测试工程师定位并解决Bug</li>
          <li>技术栈：Vue、jQuery、Scss、Webpack</li>
        </ul>
      </span>
      <span class="project-span">
        <b>狸米H5活动/活动运营管理平台</b>
        <ul>
          <li>使用 <b>jQuery，Vue等框架</b> 快速开发迭代多个H5活动。使用 TalkingData 完成页面埋点，通过函数防抖节流等技术保证埋点数据真实及可靠性。</li>
          <li><b>赋能：</b>发现H5活动的相似性与共性，主动联系后端工程师与产品经理，开发了一套活动运营管理后台，反响很好。产品经理通过该平台可以发布H5活动！</li>
          <li>独立开发项目，使用bootstrap+vue 配合后端快速开发了管理后台，并在公司内部Wiki中编写项目文档</li>
        </ul>
      </span>
       <!-- end project-span -->
      <!-- 第一份工作结束 -->
      <p></p>
      <!-- 第二份工作开始 -->
      <b>北京文创动力信息科技有限公司</b>
      <p>2019年2月-至今 | Web 前端工程师</p>
      <ul>
        <li><b>担任公司前端开发组组长</b></li>
        <li>前端项目开发流的搭建、构建公司内部代码仓库、配合团队制定代码规范</li>
        <li>负责公司技术文档的编写以及维护，定期 review 团队的代码，与团队共同学习以及成长。</li>
      </ul>
      <!-- 第一个项目的介绍，多个项目可以复制project-span区块-->
      <span class="project-span">
        <b>WeSpace版权确权平台 wespace.cn</b>
        <ul>
          <li>简介：WeSpace版权确权平台，与北京版权局合作，提供版权注册、版权确权等业务的一站式服务平台</li>
          <li>负责通用组件开发，核心功能代码编写，解决技术难点</li>
          <li><b>技术难点：</b>大文件业务环境下的文件上传组件开发</li>
          <li>带领 3人 团队开发</li>
          <li>技术栈：Vue+Vuex+VueRouter、Axios、Element-UI、Echarts</li>
        </ul>
      </span>
      <span class="project-span">
        <b>WeSpace后台管理系统</b>
        <ul>
          <li>使用 Vue-Admin-Template 作为基础模板进行二次开发，定制项目通用脚手架，并编写开发文档</li>
          <li><b>技术难点：</b>基于角色/用户的路由权限管理模块</li>
          <li>独立完成公司后台管理系统的难点分析与架构设计工作，承担核心功能代码编写，开发与维护系统核心模块。使用 Eslint 等工具保证代码的可靠，安全。</li>
          <li>技术栈：Vue、Vuex、VueRouter、VueCli、Axios、Element-UI、Echarts</li>
        </ul>
      </span>
       <!-- end project-span -->
      <!-- 第二份工作结束 -->
    </div> <!-- end jobs -->
    <!-- 
          教育经历部分
      -->
    <div id="education">
      <div class="banner-div">
        <span class="banner-span"><i class="white-icon fas fa-graduation-cap"></i>&nbsp;教育经历</span>
      </div>
      <b>中国传媒大学 | 工商企业管理 | 2019年- 至今</b>
      <p></p>
    </div> <!-- end education -->
    <!-- 
          志愿者工作部分
      -->
    <div id="volunteer">
      <div class="banner-div">
        <span class="banner-span"><i class="white-icon fas fa-ribbon"></i>&nbsp;志愿工作</span>
      </div>
      <ul>
        <li>腾讯云2020公益黑客马拉松&新冠病毒相关开源 获得优秀奖</li>
        <li>为 Webpack.js.org 翻译过部分文档</li>
        <li>为知名开源项目 RSSHub 贡献代码</li>
        <ul>
    </div> <!-- end education -->
  </div> <!-- end resume-framework -->
</body>

</html>